<ion-view>
    <ion-header-bar class="bar bar-header header">
        <button on-touch="goback()" class="button return-btn">返回</button>
        <label class="item-input-wrapper hd-find-box">
            <i class="icon hd-find-icon"></i>
            <input type="search" class="hd-find-text" ng-model="searchKey" placeholder="请输入关键词搜索">
        </label>
        <button class="button hd-red-btn" on-touch="finishSelectWine()">搜素</button>
    </ion-header-bar>
    <div class="bar bar-subheader gray-bg">
        <div class="tabs tads-nav">
            <a class="tab-item" ng-class="{'active':showWhich[0]}" on-touch="showVideo()">视频</a>
            <a class="tab-item" ng-class="{'active':showWhich[1]}" on-touch="showMagazine()">杂志</a>
            <a class="tab-item" ng-class="{'active':showWhich[2]}" on-touch="showBook()">丛书</a>
        </div>
    </div>
    <ion-content class="gray-bg has-subheader">
        <div class="book-search-rs">共搜到<span style="color:#b00c3d">6</span>条记录</div>
        <tab-slide-box tab="0">
            <ion-slide-box show-pager="false" on-slide-changed="slideHasChanged($index)" delegate-handle="tabSlider">
                <ion-slide>
                    <!--视频列表-->
                    <ion-content class="gray-bg">
                        <ion-refresher
                                pulling-text="下拉刷新..."
                                on-refresh="doRefreshVideo()"></ion-refresher>
                        <div class="video-item" style="margin-top:6px;">
                            <!--<ul class="video-list clearfix">
                              <li class="video-li" ng-repeat="item in videoList">
                                &lt;!&ndash;<a ng-href="#/video-details/{{item.video_id}}">&ndash;&gt;
                                <a ng-href="#/videoMore">
                                  <div class="video-li-box">
                                    <div class="video-li-pic">
                                      <em class="video-li-time" ng-bind="item.video_time_length"></em>
                                      <i class="video-li-play-icon"></i>
                                      <span class="video-black-bg"></span>
                                      <img ng-src="{{picPath}}{{item.video_background}}" alt=""/>
                                    </div>
                                  </div>
                                </a>
                                <div class="video-li-tit">
                                  <i on-touch="collectVideo(item.video_id,$index)" class="video-li-icon fr" ng-class="{'active':item.vcStatus}"></i>{{item.video_title}}</div>
                              </li>
                            </ul>-->
                            <ul class="video-list clear-fix">
                                <li class="video-li video-div-item " ng-repeat="item in videoList" >
                                    <a ng-href="#/video-details/{{item.video_id}}">
                                        <div class="video-li-box">
                                            <div class="video-li-pic">
                                                <em class="video-li-time" ng-bind="item.video_time_length"></em>
                                                <i class="video-li-play-icon"></i>
                                                <span class="video-black-bg"></span>
                                                <img ng-src="{{picPath}}{{item.video_background}}" alt=""/>
                                            </div>
                                        </div>
                                    </a>
                                    <div class="video-li-tit">{{item.video_title}}</div>
                                </li>
                            </ul>
                        </div>
                        <!--<ion-infinite-scroll
                          on-infinite="loadMoreVideo()"
                          ng-if="videoHasNextPage()"
                          distance="1%"></ion-infinite-scroll>-->
                        <!--<ion-infinite-scroll
                          ></ion-infinite-scroll>-->
                        <!--<button class="video-more" ng-show="videoHasNextPage()" ng-click="loadMoreVideo()">加载更多</button>-->
                    </ion-content>
                </ion-slide>
                <ion-slide>
                    <ion-content class="gray-bg">
                        <ion-refresher
                                pulling-text="下拉刷新..."
                                on-refresh="doRefreshMagazine()"></ion-refresher>
                        <div class="book-item" style="margin-top:6px;">
                            <ul class="book-list clearfix">
                                <li class="book-li" ng-repeat="item in magazineList">
                                    <div class="book-li-pic">
                                        <i on-touch="collectBook(item.book_id,item.book_type,$index)" class="book-li-icon" ng-class="{'active':item.mcStatus}"></i>
                                        <!--ng-click="readBook(item.book_id,'bookShelfIndex')"-->
                                        <a ng-href="#/book-catalog/{{item.book_id}}">
                                            <div class="book-li-img">
                                                <img ng-src="{{picPath}}{{item.book_cover}}" alt="{{item.book_title}}"/>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="book-li-tit" ng-bind="item.book_title"></div>
                                </li>
                            </ul>
                        </div>
                        <ion-infinite-scroll
                                on-infinite="loadMoreMagazine()"
                                ng-if="magazineHasNextPage()"
                                distance="1%"></ion-infinite-scroll>
                    </ion-content>
                </ion-slide>
                <ion-slide>
                    <ion-content class="gray-bg">
                        <ion-refresher
                                pulling-text="下拉刷新..."
                                on-refresh="doRefreshBook()"></ion-refresher>
                        <div class="book-item" style="margin-top:8px;">
                            <ul class="book-list clearfix">
                                <li class="book-li" ng-repeat="item in bookList">
                                    <div class="book-li-pic">
                                        <i on-touch="collectBook(item.book_id,item.book_type,$index)" class="book-li-icon" ng-class="{'active':item.mcStatus}"></i>
                                        <a ng-href="#/book-catalog/{{item.book_id}}">
                                            <div class="book-li-img">
                                                <img ng-src="{{picPath}}{{item.book_cover}}" alt="{{item.book_title}}"/>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="book-li-tit" ng-bind="item.book_title"></div>
                                </li>
                            </ul>
                        </div>
                        <ion-infinite-scroll
                                on-infinite="loadMoreBook()"
                                ng-if="bookHasNextPage()"
                                distance="1%"></ion-infinite-scroll>
                    </ion-content>
                </ion-slide>
            </ion-slide-box>
        </tab-slide-box>
    </ion-content>
    <!--<a ng-class="{'fix-button':showWineGlasses,'fix-button-hidden':!showWineGlasses}" on-touch="goToWineIndex()" type="button"></a>-->
    <!--<a class="search-btn-index" on-touch="goToSearch()" type="button">
        <img src="../../img/hd-find-icon.png">
    </a>-->
</ion-view>
